<template>
    <div>
        <Header></Header>
        <router-view></router-view>
        <Footer v-show="$route.meta.show"></Footer>
    </div>
</template>

<script>
import Header from "./components/Header"
import Footer from "./components/Footer"

export default {
    name: "",
    components: {
        Header,
        Footer,
    },
    mounted() {
        // 放在根组件中，网络请求只会请求一次
        // 通知Vuex发请求，获取数据，存储于仓库当中
        // 开启命名空间后，组件中调用dispatch 要指明路径
        this.$store.dispatch("home/getCategoryList")
    },
}
</script>

<style></style>
